<template>
  <n-config-provider :theme-overrides="themeConfig">
    <n-message-provider>
      <router-view />
    </n-message-provider>
  </n-config-provider>
</template>

<script setup lang="ts">
import { GlobalThemeOverrides } from 'naive-ui'
import { ref } from 'vue'
const themeConfig = ref<GlobalThemeOverrides>({
  common: {
    primaryColor: '#2d8cf0',
    primaryColorHover: '#2d8cf0',
    primaryColorPressed: '#2d8cf0'
  }
})
</script>

<style>
#app {
  height: 100vh;
  font-family: Avenir, Helvetica, Arial, sans-serif;
}
</style>
